/*    --------------------------------------------------
	:: General
	-------------------------------------------------- */
body {
    font-family: 'Open Sans', sans-serif;
    color: #333;
    background: #e8f1f5;
    /*background: #f7f7f7;*/
}
.content h1 {
    text-align: center;
}
.content .content-footer p {
    color: #6d6d6d;
    font-size: 12px;
    text-align: center;
}
.content .content-footer p a {
    color: inherit;
    font-weight: bold;
}

/*	--------------------------------------------------
	:: Table Filter
	-------------------------------------------------- */
.panel {
    border: 1px solid #ddd;
    background-color: #ffffff;
    margin-bottom: 50px;
}
.panel .btn-group {
    margin: 15px 0 30px;
}
.panel .btn-group .btn {
    transition: background-color .3s ease;
}
.table-filter {
    background-color: #fff;
    border-bottom: 1px solid #eee;
}
.table-filter tbody tr:hover {
    cursor: pointer;
    background-color: #eee;
}
.table-filter tbody tr td {
    padding: 10px;
    vertical-align: middle;
    border-top-color: #eee;
}
.table-filter tbody tr.selected td {
    background-color: #eee;
}
.table-filter tr td:first-child {
    width: 38px;
}
.table-filter tr td:nth-child(2) {
    width: 35px;
}
.ckbox {
    position: relative;
}
.ckbox input[type="checkbox"] {
    opacity: 0;
}
.ckbox label {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.ckbox label:before {
    content: '';
    top: 1px;
    left: 0;
    width: 18px;
    height: 18px;
    display: block;
    position: absolute;
    border-radius: 2px;
    border: 1px solid #bbb;
    background-color: #fff;
}
.ckbox input[type="checkbox"]:checked + label:before {
    border-color: #2BBCDE;
    background-color: #2BBCDE;
}
.ckbox input[type="checkbox"]:checked + label:after {
    top: 3px;
    left: 3.5px;
    content: '\e013';
    color: #fff;
    font-size: 11px;
    font-family: 'Glyphicons Halflings';
    position: absolute;
}
.table-filter .star {
    color: #ccc;
    text-align: center;
    display: block;
}
.table-filter .star.star-checked {
    color: #F0AD4E;
}
.table-filter .star:hover {
    color: #ccc;
}
.table-filter .star.star-checked:hover {
    color: #F0AD4E;
}
.table-filter .media-photo {
    width: 35px;
}
.table-filter .media-body {
    display: block;
    /* Had to use this style to force the div to expand (wasn't necessary with my bootstrap version 3.3.6) */
}
.table-filter .media-meta {
    /*font-size: 11px;*/
    /*color: #999;*/
    font-size: 12px;
    color: #009688;
}
.table-filter .media .title {
    color: #2BBCDE;
    font-size: 14px;
    font-weight: bold;
    line-height: normal;
    margin: 0;
}
.table-filter .media .title span {
    font-size: .8em;
    margin-right: 20px;
}
.success {
    color: #58B957;
    padding: 2px;
}
.loading {
    color: #F2AE43;
    padding: 2px;
}
.failed {
    color: #DB524B;
    padding: 2px;
}
.table-filter .media .summary {
    font-size: 14px;
}

#reservation-container {
    margin-top: 70px;
}


.media-body {
    width: 850px;
}



#inc-info{
    color: #333;
    font-size: 98%;
}

#reservation-info{
    color: #6A5C55;
    font-size: 85%;
}


.update-reservation{
    margin-left: 5px;
}

.show-reservation{
    margin-left: 5px;
}

.remove-reservation{
    margin-left: 5px;
}


.start-end {
    padding-top: 3px;
    margin-top: 3px;
}

.title {
    padding-top: 3px;
    margin-top: 3px;
}

/*#btn-canceled {*/
    /*background-color: #333;*/
    /*border-color: #333;*/
    /*color: #ffffff;*/
/*}*/

#btn-finished{
    background: #333;
    border-right: #333333;
}

#btn-container .btn{
    margin-top: 20px;
}